<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>天猫tmall.com--理想生活上天猫</title>
  <link rel="stylesheet" href="./css/come01.css"> 
  <link rel="stylesheet" href="./css/dome01.css">
  <link rel="stylesheet" href="http://at.alicdn.com/t/font_3447033_s5odse088sm.css">

</head>
<body>
  <div class="head">
    <div class="cen">
      <p class="p_one">
        <i class="iconfont icon-shouye"></i>
        <a href="">天猫首页</a>
      </p>
      <p class="p_two">
        <em>喵，欢迎来天猫</em>
        <a href="./login.html">请登录</a>
        <a href="./signin.html">免费注册</a>
      </p>
      <ul>
        <li>
          <div>
            <a href="">我的淘宝</a><b></b>
            <div class="hide_one">
                 <a href="">已买到的宝贝</a>
                 <a href="">已卖出的宝贝</a>
            </div>
          </div>
        </li>
        <li>
          <i class="iconfont icon-gouwuche_o"></i>
          <a href="">购物车</a>
        </li>
        <li class="li_one">
          <div>
            <a href="">收藏夹</a><b></b>
            <div class="hide_two">
              <a href="">收藏的店铺</a>
              <a href="">收藏的宝贝</a>
            </div>
          </div>
        </li>
        <li>
          |
        </li>
        <li>
          <div>
            <i class="iconfont icon-shouji"></i>
            <a href="">手机版</a>
            <div class="hide_three">
              <img src="./images/erweima.jpg" alt="">
            </div>
          </div>
        </li>
        <li class="li_one">
          <a href="">淘宝网</a>
        </li>
        <li>
          <a href="">网页无障碍</a>
        </li>
        <li>
          <div>
            <a href="">商家支持</a><b></b>
            <div class="hide_four">
              <h6>商家 :</h6>
              <div class="clear">
                <a href="">商家中心</a>
                <a href="">商家中心</a>
                <a href="">商家中心</a>
                <a href="">商家中心</a>
                <a href="">商家中心</a>
                <a href="">商家中心</a>
                <a href="">商家中心</a>
                <a href="">商家中心</a>
              </div>
              <div class="dashed"></div>
            <h6>帮助 :</h6>
            <p><a href="">商家服务大厅</a></p>
            <p><a href="">问商友</a></p>

            </div>
          </div>
        </li>
        <li>
          <a href="">商家中心</a>
        </li>

      </ul>
    </div>
  </div>
  <!-- ````````````````````````````````````` -->
  <div class="img">
   <div class="center">
    <div><a href=""><img src="./images/head01.png" alt=""></a></div>
    <div><a href=""><img src="./images/head02.png" alt=""></a></div>
    <div><a href=""><img src="./images/head03.png" alt=""></a></div>
    <div><a href=""><img src="./images/head04.png" alt=""></a></div>
    <div><a href=""><img src="./images/head05.png" alt=""></a></div>
   </div>
  </div>
  <!-- ````````````````````````````````````` -->
<div class="lbt">
  <div class="left_one">
    <img src="./images/left_01.png" alt="">
  </div>
  <div class="right_one">
    <img src="./images/right_01.png" alt="">
  </div>
  <div class="center clear">
  <!--     -->
    <div class="input clear">
      <img src="./images/tian_mao.png" alt="">
      <div>
        <input type="text" id="shuru" placeholder="搜索 天猫 商品/品牌/店铺"><b>搜索</b>
      </div>
    </div>
    <!--       -->
    <div class="nav_top clear">
      <h2>主题市场</h2>
      <div class="clear">
        <a href="">
          <img src="./images/tian_mao_log01.png" alt="">
        </a>
        <a href="">
          <img src="./images/tian_mao_log02.png" alt="">
        </a>
        <a href="">天猫会员</a>
        <a href="">喵鲜生</a>
        <a href="">医药馆</a>
        <a href="">魅力惠</a>
        <a href="">飞猪旅行</a>
        <a href="">天猫内容</a>
      </div>
    </div>
    <!-- 轮播图 -->
    <div class="nav clear">
      <div class="left">
        <ul>
          <li> <i class="iconfont icon-fushi-nvzhuang-xianxing"></i> <a href="">女装</a><span>/</span><a href="">内衣</a></li>
          <li> <i class="iconfont icon-nanzhuang"></i> <a href="">男装</a><span>/</span><a href="">运动户外</a></li>
          <li> <i class="iconfont icon-xiezi"></i> <a href="">女鞋</a><span>/</span><a href="">男鞋</a><span>/</span><a href="">箱包</a></li>
          <li> <i class="iconfont icon-kouhong"></i> <a href="">美妆</a><span>/</span><a href="">个人护理</a></li>
          <li> <i class="iconfont icon-zuanshi_o"></i> <a href="">腕表</a><span>/</span><a href="">眼镜</a><span>/</span><a href="">珠宝饰品</a></li>
          <li> <i class="iconfont icon-shouji"></i> <a href="">手机</a><span>/</span><a href="">数码</a><span>/</span><a href="">电脑办公</a></li>
          <li> <i class="iconfont icon-yingerche"></i> <a href="">母婴玩具</a></li>
          <li> <i class="iconfont icon-yiwanmiantiao"></i> <a href="">零食</a><span>/</span><a href="">茶酒</a><span>/</span><a href="">进口食品</a></li>
          <li> <i class="iconfont icon-bingxiang"></i> <a href="">生鲜水果</a></li>
          <li> <i class="iconfont icon-chuju"></i> <a href="">大家电</a><span>/</span><a href="">生活电器</a></li>
          <li> <i class="iconfont icon-jiajujiancai"></i> <a href="">家具</a><span>/</span><a href="">灯具</a><span>/</span><a href="">卫浴</a></li>
          <li> <i class="iconfont icon-zihangche"></i> <a href="">汽车</a><span>/</span><a href="">配件</a><span>/</span><a href="">用品</a></li>
          <li> <i class="iconfont icon-jiajujiafang"></i> <a href="">家纺</a><span>/</span><a href="">家饰</a><span>/</span><a href="">鲜花</a></li>
          <li> <i class="iconfont icon-yiyaobaojian"></i> <a href="">医药保健</a></li>
          <li> <i class="iconfont icon-bingxiang"></i> <a href="">厨具</a><span>/</span><a href="">收纳</a><span>/</span><a href="">宠物</a></li>
          <li> <i class="iconfont icon-yingyinshebei"></i> <a href="">图书音像</a></li>


        </ul>
      </div>
      <div class="middle">
        <div class="m_one">
          <div id="carousel">
            <ul id="carousel_image_container">
              <li class="display"><a href=""><img src="./images/lun_bo_tu_01.webp" alt="img1" /></a></li>
              <li><a href=""><img src="./images/lun_bo_tu_02.jpg" alt="img2" /></a></li>
              <li><a href=""><img src="./images/lun_bo_tu_03.webp" alt="img3" /></a></li>
              <li><a href=""><img src="./images/lun_bo_tu_04.jpg" alt="img4" /></a></li>
              <li><a href=""><img src="./images/lun_bo_tu_05.webp" alt="img5" /></a></li>
            </ul>
            <ul id="carousel_li_container">
              <li class="active"></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
            </ul>
            <div id="carousel_controller">
              <span id="carousel_controller_left">&lt;</span>
              <span id="carousel_controller_right">&gt;</span>
            </div>
          </div>
        </div>
        <div class="m_two">
          <div id="car">
            <ul id="car_image_container">
              <li>
                <a href=""><img src="./images/lun_bo_02.webp"></a>
                <a href=""> <img src="./images/lun_bo_01.webp"></a>
              </li>
                <li>
                <a href=""><img src="./images/lun_bo_03.webp"></a>
                <a href=""><img src="./images/lun_bo_04.webp"></a>
              </li>
                <li>
                <a href=""><img src="./images/lun_bo_05.webp"></a>
                <a href=""><img src="./images/lun_bo_06.webp"></a>
              </li>
                <li>
                <a href=""><img src="./images/lun_bo_07.webp"></a>
                  <a href=""><img src="./images/lun_bo_08.webp"></a>
                </li>
                <li>
                  
                <a href=""><img src="./images/lun_bo_06.webp"></a>
                  <a href=""><img src="./images/lun_bo_03.webp"></a>
                  </li>
            </ul>
            <ul id="car_li_container">
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
            </ul>
            <div id="car_controller">
              <span id="car_controller_left">&lt;</span>
              <span id="car_controller_right">&gt;</span>
            </div>
          </div>
        </div>

      </div>
      <div class="right">
        <div class="r_top">
          <div>
            <a href="">
              <img src="./images/ni_hao.jpg" alt="">
              <span>Hi,你好</span>
            </a>
          </div>
        </div>
        <div class="r_cen">
          <a href="">
            <img src="./images/lun_bo_riht.webp" alt="">
          </a>
        </div>
        <div class="r_bot">
          <p><span>公告</span>新鲜事都在这儿~</p>
          <ul>
            <li><a href="">
              <span>热点</span>设计创享家3D设计服务大赛来袭!
            </a></li>
            <li><a href="">
              <span>热点</span>全球新发现，好物开抢就现在！
            </a></li>
            <li><a href="">
              <span>热点</span>万款新品流行速递抢先看
            </a></li>
          </ul>
        </div>
        <div class="r_foo">
          <div><a href="">
            <i class="iconfont icon-wujiaoxingkong"></i>
            <div>收藏的宝贝</div>
          </a></div>
          <div><a href="">
            <i class="iconfont icon-shoutibao"></i>
            <div>买过的店铺</div>
          </a></div>
          <div><a href="">
            <i class="iconfont icon-dianpu"></i>
            <div>收藏的店铺</div>
          </a></div>
          <div><a href="">
            <i class="iconfont icon-zuji"></i>
            <div>我的足迹</div>
          </a></div>
        </div>
      
      </div>

    </div>
    <!-- 天猫超市 -->
    <div class="opctiy"></div>
    <div class="shop clear"> 
        <div class="shop_top clear">
             <img src="./images/tian_mao_chao_shi_01.webp" alt="">
        </div>


        <div class="shop_m" id="shop_m">


          <!-- <div><a href="./dome02.html">
            <img src="./images/tian_mao_chao_shi_01.jpg" alt="">
              <p>自然堂水润洗面奶水乳护肤品套装爽肤水乳液补水化妆品正品旗舰店<br></p>
              <span>￥ 184.00</span>
          </a></div>
          <div><a href="">
            <img src="./img_02/mian_mo_big_01.jpg" alt="">
              <p>自然堂喜马拉雅补水面膜20片保湿收缩毛孔舒缓肌肤女学生官网正品<br></p>
              <span>￥ 99.00</span>
          </a></div>
          <div><a href="">
            <img src="./img_02/hua_zhuang_shui_big_01.jpg" alt="">
              <p>自然堂凝时鲜颜冰肌水清爽型补水保湿爽肤水紧致焕亮修护化妆水女<br></p>
              <span>￥ 142.00</span>
          </a></div>
          <div><a href="">
            <img src="./img_02/yan_shuang_big_01.jpg" alt="">
              <p>自然堂弹嫩紧致抗皱水乳精华眼霜护肤套装女保湿补水滋润V脸滋养<br></p>
              <span>￥ 969.00</span>
          </a></div>
          <div><a href="">
            <img src="./img_02/bu_shui_big_01.jpg" alt="">
              <p>自然堂雪域冰肌水清爽补水保湿滋润爽肤水化妆水女学生护肤化妆品<br></p>
              <span>￥ 118.00</span>
          </a></div>
          <div><a href="">
            <img src="./images/tian_mao_chao_shi_01.jpg" alt="">
              <p>自然堂水润洗面奶水乳护肤品套装爽肤水乳液补水化妆品正品旗舰店<br></p>
              <span>￥ 184.00</span>
          </a></div>
          <div><a href="">
            <img src="./img_02/mian_mo_big_01.jpg" alt="">
              <p>自然堂喜马拉雅补水面膜20片保湿收缩毛孔舒缓肌肤女学生官网正品<br></p>
              <span>￥ 99.00</span>
          </a></div>
          <div><a href="">
            <img src="./img_02/hua_zhuang_shui_big_01.jpg" alt="">
              <p>自然堂凝时鲜颜冰肌水清爽型补水保湿爽肤水紧致焕亮修护化妆水女<br></p>
              <span>￥ 142.00</span>
          </a></div>
          <div><a href="">
            <img src="./img_02/yan_shuang_big_01.jpg" alt="">
              <p>自然堂弹嫩紧致抗皱水乳精华眼霜护肤套装女保湿补水滋润V脸滋养<br></p>
              <span>￥969.00</span>
          </a></div>
          <div><a href="">
            <img src="./img_02/bu_shui_big_01.jpg" alt="">
              <p>自然堂雪域冰肌水清爽补水保湿滋润爽肤水化妆水女学生护肤化妆品<br></p>
              <span>￥ 118.00</span>
          </a></div> -->
    
         
        
        </div>
    </div>
    <!-- 天猫国际 -->
    <div class="guoji clear">
      <div class="guoji_top">
        <img src="./images/tian_mao_guo_ji_01.webp" alt="">
      </div>
      <div class="guoji_m">
        <div class="guoji_m_left">
          <div class="guoji_left_top">
            <img src="./images/guo_ji_01.webp" alt="">
            <div class="fix">
              <div>
                全球尖货
              </div>
              <div></div>
              <div>
                <p>进口爆款</p>
                <span>直降中</span>
              </div>
            </div>
          </div>
          <div class="guoji_left_top">
            <img src="./images/guo_ji_06.webp" alt="">
            <div class="fix">
              <div>
                国际自营
              </div>
              <div></div>
              <div>
                <p>限时直降</p>
                <span>抢购中</span>
              </div>
            </div>
          </div>
          
      </div>
        <div class="guoji_m_right">
          <div><a href="">
            <img src="./images/guo_ji_02.webp" alt="">
              <p>低至约1元每天<br></p>
              <span>品质大牌放肆购</span>
          </a></div>
          <div><a href="">
            <img src="./images/guo_ji_03.webp" alt="">
              <p>Onzie美国 裸感高腰弹力瑜伽裤ins风运动紧身健身长裤印花天蓝色<br></p>
              <span>￥ 134</span>
          </a></div>
          <div><a href="">
            <img src="./images/guo_ji_04.webp" alt="">
              <p>Onzie美国 裸感高腰弹力瑜伽裤ins风运动紧身健身长裤印花天蓝色<br></p>
              <span>￥ 134</span>
          </a></div>
          <div><a href="">
            <img src="./images/guo_ji_05.webp" alt="">
              <p>Onzie美国 裸感高腰弹力瑜伽裤ins风运动紧身健身长裤印花天蓝色<br></p>
              <span>￥ 134</span>
          </a></div>
          <div><a href="">
            <img src="./images/guo_ji_07.webp" alt="">
              <p>Onzie美国 裸感高腰弹力瑜伽裤ins风运动紧身健身长裤印花天蓝色<br></p>
              <span>￥ 134</span>
          </a></div>
          <div><a href="">
            <img src="./images/guo_ji_08.webp" alt="">
              <p>Onzie美国 裸感高腰弹力瑜伽裤ins风运动紧身健身长裤印花天蓝色<br></p>
              <span>￥ 134</span>
          </a></div>
          <div><a href="">
            <img src="./images/guo_ji_09.webp" alt="">
              <p>Onzie美国 裸感高腰弹力瑜伽裤ins风运动紧身健身长裤印花天蓝色<br></p>
              <span>￥ 134</span>
          </a></div>
          <div><a href="">
            <img src="./images/guo_ji_10.webp" alt="">
              <p>Onzie美国 裸感高腰弹力瑜伽裤ins风运动紧身健身长裤印花天蓝色<br></p>
              <span>￥ 134</span>
          </a></div>



        </div>
      </div>
    </div>
    <!-- 猜你喜欢 -->
    <div class="xihuan">
      <div class="xi_top clear">
        <em>猜你喜欢</em><span>个性设置</span>
      </div>
      <div class="xi_bottom">
        <div><a href="">
          <img src="./images//xi_huan_01.webp" alt="">
            <p>博朗MQ5025PLUS料理棒宝宝辅食搅拌料理机<br></p>
            <span>￥ 609.0</span>
        </a></div>
        <div><a href="">
          <img src="./images//xi_huan_02.webp" alt="">
            <p>【三只松鼠_坚果炒货零食大礼包】零食小吃休闲食品夜宵<br></p>
            <span>￥ 609.0</span>
        </a></div>
        <div><a href="">
          <img src="./images//xi_huan_03.webp" alt="">
            <p>维达抽纸超韧家用擦手纸卫生纸巾3层100抽10包面巾纸实<br></p>
            <span>￥ 29.9</span>
        </a></div>
        <div><a href="">
          <img src="./images//xi_huan_04.webp" alt="">
            <p>维达超韧手帕纸4层8张18包小包餐巾纸卫生纸巾面巾纸<br></p>
            <span>￥ 19.9</span>
        </a></div>
        <div><a href="">
          <img src="./images//xi_huan_05.webp" alt="">
            <p>飞科剃须刀刮胡刀电动男士胡须刀剃胡刀官方旗舰店正<br></p>
            <span>￥ 9.9</span>
        </a></div>
        <div><a href="">
          <img src="./images//xi_huan_06.webp" alt="">
            <p>博朗MQ5025PLUS料理棒宝宝辅食搅拌料理机<br></p>
            <span>￥ 199.9</span>
        </a></div>
        <div><a href="">
          <img src="./images//xi_huan_07.webp" alt="">
            <p>博朗MQ5025PLUS料理棒宝宝辅食搅拌料理机<br></p>
            <span>￥ 49.9</span>
        </a></div>
        <div><a href="">
          <img src="./images//xi_huan_08.webp" alt="">
            <p>博朗MQ5025PLUS料理棒宝宝辅食搅拌料理机<br></p>
            <span>￥ 29.9</span>
        </a></div>
        <div><a href="">
          <img src="./images//xi_huan_09.webp" alt="">
            <p>博朗MQ5025PLUS料理棒宝宝辅食搅拌料理机<br></p>
            <span>￥ 22.9</span>
        </a></div>
        <div><a href="">
          <img src="./images//xi_huan_10.webp" alt="">
            <p>博朗MQ5025PLUS料理棒宝宝辅食搅拌料理机<br></p>
            <span>￥ 149.9</span>
        </a></div>
      </div>
      



    </div>
   

  </div>
 
</div>
<!-- `````````````````````````````````````````` -->
<div class="kong">
</div>
<!-- ······································ -->
<div class="foot">
        <div class="clear foot_top">
          <a href=""></a>
          <a href=""></a>
          <a href=""></a>
          <a href=""></a>

        </div>
        <div class="foot_bottom">
          <dl>
            <dt>购物指南</dt>
            <dt><a href="">免费注册</a></dt>
            <dt><a href="">开通支付宝</a></dt>
            <dt><a href="">支付宝充值</a></dt>
          </dl>
          <dl>
            <dt>天猫保障</dt>
            <dt><a href="">发票保障</a></dt>
            <dt><a href="">售后规则</a></dt>
            <dt><a href="">物流时效保障</a></dt>
          </dl>
          <dl>
            <dt>支付方式</dt>
            <dt><a href="">快捷支付</a></dt>
            <dt><a href="">信用卡</a></dt>
            <dt><a href="">余额宝</a></dt>
            <dt><a href="">蚂蚁花呗</a></dt>
          </dl>
          <dl>
            <dt>商家服务</dt>
            <dt><a href="">天猫规则</a></dt>
            <dt><a href="">商家入驻</a></dt>
            <dt><a href="">商家中心</a></dt>
            <dt><a href="">天猫必修课</a></dt>
            <dt><a href="">喵言喵语</a></dt>
            <dt><a href="">运营服务</a></dt>
          </dl>
          <dl>
            <dt>手机天猫</dt>
            <dt><img src="./images/foot_erweima.png" alt=""></dt>
          </dl>
        </div>
</div>

</body>
</html>
<script src="./js/jquery.min.js"></script>
<script src="./js/dome01.js"></script>

<script src="./js/nav1.jQuery.js"></script>
<script src="./js/nav2.js"></script>

